@CHARSET "UTF-8";

body {
  font-family: 'DejaVu Sans', Arial, sans-serif;
  font-size: 9pt;
}

math {
  padding: 0.15em 0.25em;
}

kbd {
  -moz-border-radius: .25em .25em;
  border-radius: .25em .25em;
  border: 2px outset #666;
  font-family: "Dejavu Sans Monospace";
  padding: 0 0.75em;
}

/* RootLayoutPanel */
.gwt-HTML {
  background-color: #f5f5f5;
}

.gwt-SplitLayoutPanel-VDragger,.gwt-SplitLayoutPanel-HDragger {
  background-color: #E3E9FF;
}

#exerciseWording {
  font-family: 'DejaVu Serif', Georgia, 'Times New Roman', serif;
  background-color: #F5F5F5;
  color: #333;
  border-bottom: thick solid #888;
}

#exerciseWording math {
  font-size: larger;
}

#exerciseWording img {
  background-color: #FFF;
  border: thin solid #DDD;
}

#exerciseWording,#help,#view {
  font-family: 'DejaVu Sans', Arial, sans-serif;
  padding: 0 1em;
}

#exerciseWording mi {
  font-style: italic;
  font-family: serif;
}

#help,#view {
  border: thin solid #aaa;
  padding: 1em;
}

#exerciseWording>div {
  font-size: large;
}

math {
  -moz-user-select: none;
  font-size: 11pt;
  cursor: default;
  color: darkblue;
}

#help {
  cursor: help;
}

h1 {
  font-size: larger;
  font-weight: bold;
  color: #777777;
}

/* View */
#view math * {
  cursor: pointer;
}

#view math {
  background-color: #F5F5F5;
  color: #CCCCCC;
  /*opacity: .7;*/
}

#view #dynamic {
  background-color: #fff;
  color: #333;
  opacity: 1;
  border: thick solid #C3D9FF;
}

/* item is selectable */
#view math .selectable {
  background-color: #729fcf;
}

/* current selected item */
#view math .selected {
  background-color: #ad7fa8;
  cursor: -moz-grab;
}

/* source object, which is duplicate */
#view math .dragged { /*	background-color: #EEE; */ /*	color: #888;*/
  cursor: -moz-grabbing;
  background-color: transparent;
  color: transparent;
  border: thin dashed #aaa;
  border-collapse: collapse;
}

#view math .selectable,#view math .selected,#drag math {
  color: #fff;
}

/*Quand il est possible de s�lectionner un deuxieme objet*/
#view math .okAdd {
  cursor: copy;
}

/*Quand il est possible de l�cher l'objet ici*/
#view math .okDrop {
  cursor: alias;
}

/*Quand il n'est pas permi de l�cher l'objet ici*/
#view math .noDrop {
  cursor: no-drop;
}

/**
/*DRAGGED OBJECT 
*/
#drag {
  font-weight: bold;
}

#drag math>* {
  box-shadow: 2px 2px 5px #CCCCCC;
  -moz-box-shadow: 2px 2px 5px #CCCCCC;
}

/* Drop destination is valid*/
#drag math .ok {
  background-color: #8ae234;
}

/* several action possible */
#drag math .caution {
  background-color: #fcaf3e;
}

/* drop forbidden*/
#drag math .no {
  background-color: #ef2929;
  font-size: x-small;
  font-weight: normal;
}

#focus {
  font-size: 14pt;
  color: red;
}

#message {
  font-size: larger;
}

tr:hover {
  background-color: inherit;
}

#message td .gwt-HTML {
  background-color: inherit;
}

#question-text td>math,#question-button td>math {
  border: 2px outset #D0E4F6;
  background-color: #f5f5f5;
  -moz-border-radius: .5em/ .5em;
  border-radius: .5em/ .5em;
}

#question-text td>math:hover,#question-button td>math:hover {
  border-style: solid;
}

#question-text td>math:active,#question-button td>math:active {
  border-style: inset;
}

#message div,#question-text div,#question-button div {
  margin: 0.5em;
}

table {
  color: #333333;
}

.tuto {
  font-size: medium;
}

.txt-right {
  text-align: right;
}

kbd {
  border: thin outset #ccc;
  padding: 0 0.25em;
}